<template>
  <el-timeline>
    <el-timeline-item
      v-for="(activity, index) in activities"
      :key="index"
      :type="activity.type"
      :timestamp="activity.timestamp"
    >
      {{ activity.content }}
    </el-timeline-item>
  </el-timeline>
</template>

<script setup lang="ts">
const activities = [
  {
    content: 'fanadmin 开启您崭新的人生！😍',
    timestamp: '2024-05-11 09:47:38',
    type: 'primary',
  },
  {
    content: 'fanadmin是一款前后端分离, 优雅且功能强大通用的后台管理系统 ',
    timestamp: '2023-11-23 18:00:00',
    type: 'success',
  },
  {
    content:
      '基于最新的技术栈ThinkPhp8, Vue3, TypeScript, Pinia, Axios 和 UnoCSS',
    timestamp: '2023-11-23 18:00:00',
    type: 'warning',
  },
  {
    content: '简单轻量, 高颜值, 高效率, 让后台开发更简单',
    timestamp: '2023-11-23 18:00:00',
    type: 'info',
  },
  {
    content: '代码的简洁规范, 通俗易懂, 无过度封装, 对萌新小白十分友好',
    timestamp: '2023-11-23 18:00:00',
    type: 'danger',
  },
  {
    content:
      '代码注释完整易读性高, 尽量保障初级程序员也可读懂, 极大提升二开效率',
    timestamp: '2023-11-23 18:00:00',
    type: 'danger',
  },
  {
    content:
      '非常中小型项目, 以及个人项目学习使用, 为您提供了一站式的后台管理解决方案, 无需额外配置重复造轮子, 开箱即用',
    timestamp: '2023-11-23 18:00:00',
    type: 'info',
  },
  {
    content: '同样是一个快速学习前沿技术的最佳实践, 永久免费开源使用',
    timestamp: '2023-11-23 18:00:00',
    type: 'warning',
  },
]
</script>

<style scoped></style>
